<template>
  <div id="su_breadcrumb">
    <ul class="su_breadcrumb">
      <li class="su_breadcrumb-item"><router-link to="">{{BNlabel.first_title}}&nbsp</router-link></li>
      <li class="su_breadcrumb-item"><router-link :to="'/'">{{BNlabel.second_title}}&nbsp</router-link></li>
      <li class="su_breadcrumb-item"><router-link to="">{{BNlabel.third_title}}&nbsp</router-link></li>
      <li v-show="BNlabel.disi_title!=undefined" class="su_breadcrumb-item"><router-link to="">{{BNlabel.disi_title}}&nbsp</router-link></li>
    </ul>
  </div>
</template>
<script>
export default {
  // props:['BNlabel'],
  data(){
    return{
      BNlabel:[],
      // BreadCrumb:[]
    }
  },
  watch:{
    BNlabel(new_val,old_val){
      this.BNlabel = new_val;
    }
  },
  methods:{
    jiazaiBNlabel(BNlabel){
      // console.log(BNlabel)
      this.BNlabel = BNlabel;
      this.$forceUpdate();
    }
  },
  mounted(){
    // var BNlabels = "这是标签详情页"
    // this.BNlabel.disi_title=BNlabels
    // console.log(this.BNlabel)
  }
}
</script>
<style scoped>
#su_breadcrumb{
  /* display:block; */

}
.su_breadcrumb{
  display:flex;
  list-style: none;
}
.su_breadcrumb a{
  /* display:block; */
  font-size:10px;
  text-decoration:none;
}
.su_breaccrumb a:hover{

}
.su_breadcrumb-item:last-child a{
  color:#000;
}
.su_breadcrumb-item + .su_breadcrumb-item:before{
  content:'>';
}
</style>